<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="600px"> <defs> <pattern id="skewrect" x="0%" y="0%" width="20%" height="100%" patternTransform="skewX(30)" viewBox="-7 160 60 60"> <animate attributeName="x" from="20%" to="0%" dur="2s" repeatCount="indefinite"/> <polygon points="0,0 0,600 20,600 20,0" fill="green"/> <polygon points="20,40 20,600 40,600 40,20" fill="grey"/> </pattern> </defs> <path d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80" stroke="url(#skewrect)" fill="none" stroke-width="10"/> </svg>
